﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master1.Master" AutoEventWireup="true" CodeBehind="ChitietSanphamTrathat.aspx.cs" Inherits="Trathat.ChitietSanphamTrathat" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<div class="carousel-container">
    <div id="carousel">
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/001.jpg" height="250" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/002.jpg" width="450" height="249"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/003.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/004.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/005.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/006.jpg" height="249" width="450"></a>
        </div>
      </div>
    
      <div id="carousel-left"><img src="../images/back.png" /></div>
      <div id="carousel-right"><img src="../images/next1.png" /></div>
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style=" padding-left: 10px; padding-bottom: 10px;">
        <asp:Label ID="lblOrder" runat="server" Text="Sản Phẩm" ForeColor="#0066FF" Font-Bold="True"></asp:Label>
        <asp:LinkButton ID="lnkNhom" runat="server" ForeColor="Red" Font-Bold="True"
            onclick="lnkNhom_Click" Font-Underline="False"></asp:LinkButton>
        <asp:LinkButton ID="lnkLoai" runat="server" ForeColor="Red" onclick="lnkLoai_Click" 
            Font-Bold="True" Font-Underline="False"></asp:LinkButton>
        <asp:Label ID="lblSanpham" runat="server" Text="" ForeColor="Red" Font-Bold="True" Font-Underline="False"></asp:Label>
    </div>
    <div style="padding-left: 20px; position:absolute; width:340px; padding-top:7px;">
        <div style="height:35px; font-weight: bold; background-image: url('../Image/headerBV.png'); background-repeat:no-repeat; width:195px;">
            <center><div style="color:#fff; font-weight:bold; padding-top:2px; font-size:11pt;">Chi tiết sản phẩm</div></center>
        </div>
    </div>
    <div id="blockBaiviet" style="width:720px; padding-left:10px; border: thin solid #c5c5c5; margin:20px 6px 6px 0px; padding-top:20px; padding-bottom: 20px; -moz-border-radius: 10px;
                 -webkit-border-radius: 10px; border-radius: 10px; background-color:#fff;">
        <asp:DataList ID="listSanpham" runat="server" DataKeyField="ID" RepeatColumns="1" Width="740">
            <ItemTemplate>
                <div style="overflow:auto;">
                    <div id="blockSanpham" style="width: 235px; float:left; height: 200px;">
                       <img src='<%# Eval("Anhdaidien") %>' height="230" width="230" />
                    </div>
                    <div style="width: 225px; float:left; margin-right:5px; margin-left:5px;">
                         <div style="font-weight:bold;"><%# Eval("Tensanpham") %></div><br /><br />
                         <%# Eval("Mota") %>
                    </div>
                    <div style="width: 185px; height: 195px; float:left; border: medium solid #3333FF; padding-left: 20px; padding-top:20px;">
                        Mã SP   : <b style="color: #FF0000"><%# Eval("Masanpham") %></b><br /><br />
                        Giá     : <b style="color: #FF0000"><%# Eval("Gia") %>.000 VNĐ</b><br /><br />
                        Số lượng: <%# Eval("Soluong") %><br /><br />
                        <center style="width: 175px;">
                            <asp:Button ID="Button1" runat="server" Text="Mua hàng" BackColor="#CC3300" Height="30" Width="120" ForeColor="White" Font-Bold="True" />
                        </center>
                    </div>
                </div>
            </ItemTemplate>
        </asp:DataList>
        <br /><br />
        <div id="gallery">
            <ul>
                <asp:DataList ID="listHinhanh" runat="server" DataKeyField="ID" RepeatColumns="7">
                    <ItemTemplate>
                        <li class="liShowSanpham">
                            <a href="<%# Eval("Duongdan") %>" title="">
                                <img src="<%# Eval("Duongdan") %>" width="100" height="100" style="margin-left:5px; margin-right:5px;" />
                            </a>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
        </div>
        <br /><br />
        <div style="margin-left:10px; margin-right:10px; width:700px; font-weight:bold; border-bottom: medium solid #c5c5c5;">
            Những sản phẩm khác
        </div>
        <br /><br />
        <telerik:RadListView ID="RadListView1" Width="700" AllowPaging="True" runat="server"
                    AllowSorting="true" ItemPlaceholderID="ProductsHolder"
                    DataKeyNames="ID">
                    <LayoutTemplate>
                        <fieldset style="width: 700px; padding-left: 8px; border-color:#F4F4EC; border-style:none;" id="FieldSet1">
                            <asp:Panel ID="ProductsHolder" runat="server" BorderWidth="2" BorderStyle="Solid" BorderColor="#F4F4EC" />
                            <table cellpadding="0" cellspacing="0" width="100%;" style="clear: both; padding-top: 20px;">
                                <tr>
                                    <td>
                                        <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
                                            PageSize="16">
                                            <Fields>
                                                <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
                                                <telerik:RadDataPagerButtonField FieldType="Numeric" />
                                                <telerik:RadDataPagerButtonField FieldType="NextLast" />
                                                <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
                                            
                                            </Fields>
                                        </telerik:RadDataPager>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </LayoutTemplate>
                    <ItemTemplate>
                        <div style="width: 165px; height: 270px; float:left; padding-left: 7px; padding-top:20px; padding-bottom: 10px;">
                            <div id="blockSanpham" style="width: 165px; height: 240px; ">
                                <a href="ChitietSanphamTrathat.aspx?Loai=<%# Eval("IDLoaisanpham") %>&&ID=<%# Eval("ID") %>"><img src='<%# Eval("Anhdaidien") %>' height="160" width="155" /></a><br />
                                <a href="ChitietSanphamTrathat.aspx?Loai=<%# Eval("IDLoaisanpham") %>&&ID=<%# Eval("ID") %>" style="text-decoration:none; color: #351c18; font-weight:bold;"><%# Eval("Tensanpham") %></a><br />
                                Mã SP: <b style="color: #FF0000"><%# Eval("Masanpham") %></b>
                            </div>
                            <center style="padding-bottom: 25px;">
                                <div class="imgMuahang1"></div>
                            </center>
                        </div>
                    </ItemTemplate>
                </telerik:RadListView>
        </div>
</asp:Content>
